<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <select name="aa" οnchange="resetSelectWidth(this);">
        <option value="111">111</option>
        <option value="222">22222</option>
        <option value="333">33333333</option>
        <option value="444">44444444444</option>
        <option value="555">555555555555555</option>
    </select>

    <script>
        function resetSelectWidth(obj) {
            var tempObj = document.createElement("select");
            tempObj.length = 1;
            tempObj.options[0].text = obj.options[obj.selectedIndex].text
            obj.parentNode.appendChild(tempObj);
            obj.style.width = tempObj.offsetWidth;
            obj.parentNode.removeChild(tempObj);
        }

    </script> -->
    <!-- <style>
        select {
            /*复写下边框，将边框颜色改为跟所在div的background一样的颜色，就看不到边框啦*/
            border: 1px solid #f5f5f5;

            /*很关键：将默认的select选择框样式清除*/
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;

            /*在选择框的下方中间显示小箭头图片*/
            background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll center bottom transparent;
            /*为下拉小箭头留出一点位置，避免被文字覆盖*/
            padding-bottom: 10px;
        }
    </style>
    <select name="city" id="">
        <option value="gz" selected>广州</option>
        <option value="bj">北京</option>
        <option value="sh">上海</option>
    </select> -->

    <!DOCTYPE html>
    <html lang="en">
     
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <style>
        .posirelative {
            position: relative;
        }
     
        .select-out-div {
            width: 160px;
            overflow: hidden;
        }
     
        select.m-wrap {
     
            background-color: #ffffff;
            background-image: none !important;
            filter: none !important;
            border: 1px solid #e5e5e5;
            outline: none;
            height: 25px !important;
            line-height: 25px;
        }
     
        .select-hide-span {
            height: 25px;
            position: absolute;
            top: 0;
            border-right: 1px solid #e5e5e5;
            right: 0;
            width: 20px !important;
            z-index: 999;
        }
     
        .select-show-b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            margin-left: -4px;
            margin-top: 10px;
            position: absolute;
        }
     
    </style>
     
    <body>
        <span class="setleft wid80"><span class="fyhbx">*</span>入库类型 :</span>
        <div class=" posirelative select-out-div">
            <select class="m-wrap  " style="width: 180px; padding: 2px 0;">
                <option value="0">采购</option>
                <option value="1">返货</option>
                <option value="2">移库入货</option>
            </select>
            <span class="select-hide-span">
             <b class="select-show-b"  ></b>
            </span>
        </div>
     
    </body>
     
    </html>

</body>

</html>